﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<SDT.Admin.ViewModels.CustomerEditModels>" %>
<%@ Import Namespace="SDT.Model" %>
<%@ Import Namespace="SDT.Lib.Helpers" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Thêm mới khách hàng
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <%if (ViewData["MessageInfo"] == null)
  { %>
<% using (Html.BeginForm("Create", "Customer", FormMethod.Post, new { id = "adminForm", enctype = "multipart/form-data" }))
   {%>    
    <fieldset>
        <legend>Thêm mới</legend>
        <font color="red">(*)</font> là trường bắt buộc phải nhập.
        <table class="admintable">
            <tbody>
                <tr>
                    <td class="key" style="width: 200px">
                        Tên đăng nhập(<font color="red">*</font>)</td> 
                    <td>
                        <%= Html.TextBoxFor(m => m.Customer.UserName, new { @class = "required", remote = "/AjaxData/ValidateUserName", style = "width:400px", maxlength = "255" })%>
                    </td>
                </tr>
                <tr>
                    <td class="key">
                        Mật khẩu  (<font color="red">*</font>)
                    </td>
                    <td>
                        <%= Html.PasswordFor(m => m.Customer.Password, new { @class = "required", style = "width:400px" })%>
                    </td>
                </tr>
                <tr>
                    <td class="key">
                        Nhắc lại mật khẩu  (<font color="red">*</font>)
                    </td>
                    <td>
                       <%= Html.Password("txtConfirmPassword", string.Empty, new { @class = "required", equalTo = "#Customer_Password", style = "width:400px" })%>
                    </td>
                </tr> 
                <tr>
                    <td class="key" style="width: 200px">
                        Tên khách hàng(<font color="red">*</font>)</td> 
                    <td>
                        <%=Html.TextBoxFor(m => m.Customer.FullName, new { @class = "required", style = "width:400px" })%>
                    </td>
                </tr>
                <tr>
                    <td class="key" style="width: 200px">
                        Thành phố(<font color="red">*</font>)</td> 
                    <td>
                        <%=Html.DropDownList("ddlCity",new SelectList(Model.Cities,"ID","Name"),"-- Chọn Tỉnh / thành phố --", new { @class = "required", style = "width:400px" })%>
                    </td>
                </tr>
                <tr>
                    <td class="key" style="width: 200px">
                        Quận huyện(<font color="red">*</font>)</td> 
                    <td>
                        <%=Html.DropDownList("ddlDistrict",new SelectList(Model.Districts,"ID","Name"),"-- Chọn Quận/ Huyện --", new { @class = "required", style = "width:400px" })%>
                    </td>
                </tr>
                <tr>
                    <td class="key" style="width: 200px">
                        Giới tính(<font color="red">*</font>)</td> 
                    <td>
                        <%foreach (var item in Model.Sexuals)
                          { %>
                          <%=Html.RadioButton("rdoSex",item.Key,item.Key==1? true:false) %><%=item.Value%>
                        <%} %>
                    </td>
                </tr>                   
                <tr>
                    <td class="key">
                        Địa chỉ(<font color="red">*</font>)
                    </td>
                    <td>
                        <%= Html.TextBoxFor(m => m.Customer.Address, new { style = "width:400px" })%>
                    </td>
                </tr>               
                <tr>
                    <td class="key">
                        Email(<font color="red">*</font>)
                    </td>
                    <td>
                        <%= Html.TextBoxFor(m => m.Customer.Email, new { @class = "required email", remote = "/AjaxData/ValidateEmail", style = "width:400px" })%>
                    </td>
                </tr>
                <tr>
                    <td class="key">
                        Điện thoại(<font color="red">*</font>) 
                    </td>
                    <td>
                        <%= Html.TextBoxFor(m => m.Customer.MobilePhone, new { @class = "required", style = "width:400px" })%>
                    </td>
                </tr>     
                <tr>
                    <td colspan="2" align="center">
                        <input type="submit" value="Lưu dữ liệu" />
                    </td>
                </tr>                
            </tbody>
        </table>
    </fieldset>
    <% }
  } %>
    
    <script type="text/javascript">
        $(document).ready(function() {

            $("#adminForm").validate({
                messages: {
                "Customer.UserName": {
                        required: "Trường này là bắt buộc, vui lòng chọn dữ liệu!",
                        remote: "Tài khoản đã được sử dụng, vui lòng nhập tài khoản khác."
                    },
                    "Customer.Email": {
                        required: "Trường này là bắt buộc, vui lòng chọn dữ liệu!",
                        email: "Email không hợp lệ, vui lòng nhập lại (ví dụ: abc@yahoo.com)",
                        remote: "Email đã được sử dụng, vui lòng chọn email khác."
                    },
                    "Customer.Password": "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                    txtConfirmPassword: {
                        required: "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                        equalTo: "Xác nhận mật khẩu không đúng, vui lòng nhập lại dữ liệu!"
                    },
                    "Customer.FullName": "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                    ddlCity: "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                    ddlDistrict: "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                    "Customer.Address": "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                    "Customer.MobilePhone": "Trường này là bắt buộc, vui lòng nhập dữ liệu!"
                }
            });
            $('#ddlCity').change(function() {
                var id = $('#ddlCity').val() == "" ? 0 : $('#ddlCity').val();
                $.get('/AjaxData/GetDistrict/' + id, function(data) {
                    $('#ddlDistrict').html(data);
                });
            });   
        });
    </script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="Toolbar" runat="server">
    <%= Html.Toolbar("Quay về", "/Customer", "back") %>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="Header" runat="server">
    Thêm mới khách hàng
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="Message" runat="server">
    <%=ViewData["MessageInfo"]!=null? "<p class='perror'>"+Html.Encode(ViewData["MessageInfo"])+"</p>":string.Empty%> 
</asp:Content>
